<!DOCTYPE html>



  


<html class="theme-next muse use-motion" lang="zh-Hans">
<head><meta name="generator" content="Hexo 3.9.0">
  <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="theme-color" content="#222">


  
  
    
    
  <script src="/blog/lib/pace/pace.min.js?v=1.0.2"></script>
  <link href="/blog/lib/pace/pace-theme-minimal.min.css?v=1.0.2" rel="stylesheet">







<meta http-equiv="Cache-Control" content="no-transform">
<meta http-equiv="Cache-Control" content="no-siteapp">










  <meta name="baidu-site-verification" content="Cup6rqt9YF">







  
  
  <link href="/blog/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css">







<link href="/blog/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css">

<link href="/blog/css/main.css?v=5.1.4" rel="stylesheet" type="text/css">



  <link rel="icon" type="image/png" sizes="32x32" href="/blog/images/favicon-32x28-next.ico?v=5.1.4">


  <link rel="icon" type="image/png" sizes="16x16" href="/blog/images/favicon-16x14-next.ico?v=5.1.4">






  <meta name="keywords" content="历史,">










<meta name="description" content="公元前2694年黄帝纪元元年   约公元前2500年涿鹿之战传说轩辕与蚩尤战于涿鹿   约公元前2070年夏禹之子启得”夏”王朝霸位   公元前1900年前后太康失国后裔代夏相传兄弟五人止于洛，作《五子之歌》   约公元前1600年商商汤于鸣条之战灭亡夏后建立商   约公元前1559年鸣条之战商汤打败夏桀，夏朝灭亡   公元前1300年甲骨文已经是成熟文字   公元前1046年牧野之战西周武王克">
<meta name="keywords" content="历史">
<meta property="og:type" content="article">
<meta property="og:title" content="历史年表">
<meta property="og:url" content="https://clear93.gitee.io/blog/2019/09/26/Chronology-of-history/index.html">
<meta property="og:site_name" content="ruank&#39;s blog">
<meta property="og:description" content="公元前2694年黄帝纪元元年   约公元前2500年涿鹿之战传说轩辕与蚩尤战于涿鹿   约公元前2070年夏禹之子启得”夏”王朝霸位   公元前1900年前后太康失国后裔代夏相传兄弟五人止于洛，作《五子之歌》   约公元前1600年商商汤于鸣条之战灭亡夏后建立商   约公元前1559年鸣条之战商汤打败夏桀，夏朝灭亡   公元前1300年甲骨文已经是成熟文字   公元前1046年牧野之战西周武王克">
<meta property="og:locale" content="zh-Hans">
<meta property="og:updated_time" content="2019-12-24T03:39:37.440Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="历史年表">
<meta name="twitter:description" content="公元前2694年黄帝纪元元年   约公元前2500年涿鹿之战传说轩辕与蚩尤战于涿鹿   约公元前2070年夏禹之子启得”夏”王朝霸位   公元前1900年前后太康失国后裔代夏相传兄弟五人止于洛，作《五子之歌》   约公元前1600年商商汤于鸣条之战灭亡夏后建立商   约公元前1559年鸣条之战商汤打败夏桀，夏朝灭亡   公元前1300年甲骨文已经是成熟文字   公元前1046年牧野之战西周武王克">



<script type="text/javascript" id="hexo.configurations">
  var NexT = window.NexT || {};
  var CONFIG = {
    root: '/blog/',
    scheme: 'Muse',
    version: '5.1.4',
    sidebar: {"position":"left","display":"post","offset":12,"b2t":false,"scrollpercent":false,"onmobile":false},
    fancybox: true,
    tabs: true,
    motion: {"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}},
    duoshuo: {
      userId: '0',
      author: '博主'
    },
    algolia: {
      applicationID: '',
      apiKey: '',
      indexName: '',
      hits: {"per_page":10},
      labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
    }
  };
</script>


<script>
(function(){
  var bp = document.createElement('script');
  var curProtocol = window.location.protocol.split(':')[0];
  if (curProtocol === 'https') {
    bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  }
  else {
    bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  }
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(bp, s);
})();
</script>




  <link rel="canonical" href="https://clear93.gitee.io/blog/2019/09/26/Chronology-of-history/">





  <title>历史年表 | ruank's blog</title>
  








</head>

<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">

  
  
    
  

  <div class="container sidebar-position-left page-post-detail">
    <div class="headband"></div>

    <header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-wrapper">
  <div class="site-meta ">
    

    <div class="custom-logo-site-title">
      <a href="/blog/" class="brand" rel="start">
        <span class="logo-line-before"><i></i></span>
        <span class="site-title">ruank's blog</span>
        <span class="logo-line-after"><i></i></span>
      </a>
    </div>
      
        <p class="site-subtitle"></p>
      
  </div>

  <div class="site-nav-toggle">
    <button>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
    </button>
  </div>
</div>

<nav class="site-nav">
  

  
    <ul id="menu" class="menu">
      
        
        <li class="menu-item menu-item-home">
          <a href="/blog/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-home"></i> <br>
            
            首页
          </a>
        </li>
      
        
        <li class="menu-item menu-item-categories">
          <a href="/blog/categories/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-th"></i> <br>
            
            分类
          </a>
        </li>
      
        
        <li class="menu-item menu-item-tags">
          <a href="/blog/tags/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-tags"></i> <br>
            
            标签
          </a>
        </li>
      
        
        <li class="menu-item menu-item-archives">
          <a href="/blog/archives/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-archive"></i> <br>
            
            归档
          </a>
        </li>
      

      
    </ul>
  

  
</nav>



 </div>
    </header>

    <main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
          <div id="content" class="content">
            

  <div id="posts" class="posts-expand">
    

  

  
  
  

  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
  
  
  
  <div class="post-block">
    <link itemprop="mainEntityOfPage" href="https://clear93.gitee.io/blog/blog/2019/09/26/Chronology-of-history/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="name" content="ruankai">
      <meta itemprop="description" content>
      <meta itemprop="image" content="/blog/images/avatar.gif">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="ruank's blog">
    </span>

    
      <header class="post-header">

        
        
          <h1 class="post-title" itemprop="name headline">历史年表</h1>
        

        <div class="post-meta">
          <span class="post-time">
            
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              
                <span class="post-meta-item-text">发表于</span>
              
              <time title="创建于" itemprop="dateCreated datePublished" datetime="2019-09-26T16:03:42+08:00">
                2019-09-26
              </time>
            

            

            
          </span>

          
            <span class="post-category">
            
              <span class="post-meta-divider">|</span>
            
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              
                <span class="post-meta-item-text">分类于</span>
              
              
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/blog/categories/历史/" itemprop="url" rel="index">
                    <span itemprop="name">历史</span>
                  </a>
                </span>

                
                
              
            </span>
          

          
            
          

          
          
             <span id="/blog/2019/09/26/Chronology-of-history/" class="leancloud_visitors" data-flag-title="历史年表">
               <span class="post-meta-divider">|</span>
               <span class="post-meta-item-icon">
                 <i class="fa fa-eye"></i>
               </span>
               
                 <span class="post-meta-item-text">阅读次数&#58;</span>
               
                 <span class="leancloud-visitors-count"></span>
             </span>
          

          

          
            <div class="post-wordcount">
              
                
                <span class="post-meta-item-icon">
                  <i class="fa fa-file-word-o"></i>
                </span>
                
                  <span class="post-meta-item-text">字数统计&#58;</span>
                
                <span title="字数统计">
                  2k
                </span>
              

              
                <span class="post-meta-divider">|</span>
              

              
                <span class="post-meta-item-icon">
                  <i class="fa fa-clock-o"></i>
                </span>
                
                  <span class="post-meta-item-text">阅读时长 &asymp;</span>
                
                <span title="阅读时长">
                  6
                </span>
              
            </div>
          

          

        </div>
      </header>
    

    
    
    
    <div class="post-body" itemprop="articleBody">

      
      

      
        <blockquote>
<p>公元前2694年<br>黄帝纪元元年</p>
</blockquote>
<blockquote>
<p>约公元前2500年<br>涿鹿之战<br>传说轩辕与蚩尤战于涿鹿</p>
</blockquote>
<blockquote>
<p>约公元前2070年<br>夏<br>禹之子启得”夏”王朝霸位</p>
</blockquote>
<blockquote>
<p>公元前1900年前后<br>太康失国后裔代夏<br>相传兄弟五人止于洛，作《五子之歌》</p>
</blockquote>
<blockquote>
<p>约公元前1600年<br>商<br>商汤于鸣条之战灭亡夏后建立商</p>
</blockquote>
<blockquote>
<p>约公元前1559年<br>鸣条之战<br>商汤打败夏桀，夏朝灭亡</p>
</blockquote>
<blockquote>
<p>公元前1300年<br>甲骨文已经是成熟文字</p>
</blockquote>
<blockquote>
<p>公元前1046年<br>牧野之战<br>西周<br>武王克商建立周朝，都城在镐，称稿京，商朝灭亡</p>
</blockquote>
<blockquote>
<p>公元前841年<br>周召共和<br>国人暴动，逐历王，周召共和</p>
</blockquote>
<blockquote>
<p>公元前722年<br>史书《春秋》编年始于此</p>
</blockquote>
<blockquote>
<p>约公元前770年<br>春秋<br>周平王迁都洛邑，史称”东周”，春秋时期开始</p>
</blockquote>
<blockquote>
<p>公元前679年<br>齐桓公称霸<br>后晋文公、楚庄王、吴王阖闾、越王勾践相继称霸，史称春秋五霸</p>
</blockquote>
<blockquote>
<p>公元前595年<br>基本确立十九年七闰之法</p>
</blockquote>
<blockquote>
<p>公元前579年<br>晋楚盟和<br>春秋时期第一次弥兵会盟</p>
</blockquote>
<blockquote>
<p>公元前536年<br>郑子产铸刑鼎，刊布成文法</p>
</blockquote>
<blockquote>
<p>公元前498年<br>孔子周列国始</p>
</blockquote>
<blockquote>
<p>公元前494年<br>吴越之战<br>越王勾践困守会稽山，向吴称臣求和</p>
</blockquote>
<blockquote>
<p>公元前481年<br>公羊、穀梁本《春秋》编年纪事止</p>
</blockquote>
<blockquote>
<p>公元前479年<br>孔子逝世<br>《左传》本春秋编年记事止</p>
</blockquote>
<blockquote>
<p>公元前473年<br>越王勾践消灭吴国<br>苦心人，天不负，卧薪尝胆，三千越甲可吞吴</p>
</blockquote>
<blockquote>
<p>约公元前453年<br>战国<br>三家分晋，战国时期开始</p>
</blockquote>
<blockquote>
<p>公元前445年<br>李悝变法<br>魏文侯任用李悝变法。李悝撰著《法经》</p>
</blockquote>
<blockquote>
<p>公元前403年<br>周烈王承认韩、赵、魏为诸侯，《资治通鉴》记事始于此年</p>
</blockquote>
<blockquote>
<p>公元前390年<br>墨子去世<br>墨子，墨家学派创始人</p>
</blockquote>
<blockquote>
<p>公元前386年<br>战国七雄<br>秦、楚、齐、燕、韩、赵、魏的战国七雄局面形成。</p>
</blockquote>
<blockquote>
<p>公元前359年<br>商鞅变法<br>秦孝公任用商鞅，实施变法</p>
</blockquote>
<blockquote>
<p>约公元前350年<br>百家争鸣与战国学术的空前繁荣<br>秦迁都咸阳</p>
</blockquote>
<blockquote>
<p>公元前349年<br>秦推行二十等爵位</p>
</blockquote>
<blockquote>
<p>公元前342年<br>马陵之战<br>齐大败魏军，庞涓兵败自杀</p>
</blockquote>
<blockquote>
<p>公元前338年<br>秦国车裂商鞅</p>
</blockquote>
<blockquote>
<p>公元前334年<br>魏齐互相称王，为中原诸侯称王始</p>
</blockquote>
<blockquote>
<p>公元前314年<br>燕国内乱齐国占领燕国，后退兵</p>
</blockquote>
<blockquote>
<p>公元前307年<br>胡服骑射<br>赵武灵王推行”胡服”、教练”骑射”</p>
</blockquote>
<blockquote>
<p>公元前304年<br>孟子逝世<br>儒家学派代表人物。宣扬”仁政”，最早提出”民贵君轻”的思想</p>
</blockquote>
<blockquote>
<p>公元前290年<br>庄子逝世<br>继老子之后，道家学派的代表人物</p>
</blockquote>
<blockquote>
<p>公元前288年<br>齐、秦并称东、西帝。不久齐去帝号，合纵抗秦</p>
</blockquote>
<blockquote>
<p>公元前287年<br>五国攻秦<br>赵、魏、韩、燕、楚五国联兵攻秦，秦被迫割地给赵、魏以求和。</p>
</blockquote>
<blockquote>
<p>公元前278年<br>楚都郢被秦将白起攻陷<br>楚国诗人屈原投汨罗江自尽</p>
</blockquote>
<blockquote>
<p>公元前270年<br>范雎入秦<br>献”远交近攻”之策</p>
</blockquote>
<blockquote>
<p>公元前260年<br>长平之战<br>秦将白起坑杀40万降卒</p>
</blockquote>
<blockquote>
<p>公元前256年<br>周朝灭亡<br>秦国攻入洛邑，西周公投降</p>
</blockquote>
<blockquote>
<p>公元前249年<br>秦相吕不韦带兵灭位于巩邑的东周公</p>
</blockquote>
<blockquote>
<p>公元前230年<br>秦灭韩</p>
</blockquote>
<blockquote>
<p>公元前228年<br>秦灭赵</p>
</blockquote>
<blockquote>
<p>公元前225年<br>秦灭魏</p>
</blockquote>
<blockquote>
<p>公元前223年<br>秦灭楚</p>
</blockquote>
<blockquote>
<p>公元前222年<br>秦灭越<br>秦灭燕</p>
</blockquote>
<blockquote>
<p>公元前221年<br>1.秦灭齐<br>  秦统一中原<br>2.秦<br>  秦王嬴政定尊号”皇帝”，自为始皇帝<br>3.统一度量衡<br>  车同轨，书同文</p>
</blockquote>
<blockquote>
<p>公元前220年<br>秦始驻驰道<br>秦始皇下令修筑以咸阳为中心的、通往全国各地的驰道</p>
</blockquote>
<blockquote>
<p>公元前214年<br>1.秦开凿灵渠<br>  秦始皇下令在湘江与漓江之间修筑人工运河<br>2.筑长城<br>  秦始皇下令修筑长城，世称万里长城</p>
</blockquote>
<blockquote>
<p>公元前213年<br>焚书坑儒<br>秦始皇焚毁书籍、坑杀”犯禁者四百六十余人”</p>
</blockquote>
<blockquote>
<p>公元前210年<br>秦始皇亡于东巡<br>胡亥即位，假诏赐死长子扶苏</p>
</blockquote>
<blockquote>
<p>公元前209年<br>揭竿起义<br>陈胜、吴广”揭竿起义”</p>
</blockquote>
<blockquote>
<p>公元前208年<br>赵高陷害李斯<br>李斯被腰枕于咸阳，夷三族</p>
</blockquote>
<blockquote>
<p>公元前207年<br>巨鹿之战<br>项羽军破釜沉舟大败秦军</p>
</blockquote>
<blockquote>
<p>公元前206年<br>刘邦攻入关中<br>秦国灭亡</p>
</blockquote>
<blockquote>
<p>公元前202年<br>项羽乌江自刎<br>汉军包围楚军于垓下</p>
</blockquote>
<blockquote>
<p>约公元前202年<br>西汉<br>刘邦即皇帝位，是为汉高祖</p>
</blockquote>
<blockquote>
<p>公元前193年<br>萧何逝世<br>萧何定《九章律》</p>
</blockquote>
<blockquote>
<p>公元前180年<br>吕后逝世<br>太尉周勃等尽诛诸吕</p>
</blockquote>
<blockquote>
<p>公元前154年<br>七国之乱<br>吴王刘濞联合诸王起兵叛变，为太尉周亚夫率军平定</p>
</blockquote>
<blockquote>
<p>公元前140年<br>罢黜百家 表彰六经<br>汉武帝采儒生董仲舒之仪</p>
</blockquote>
<blockquote>
<p>公元前139年<br>张骞出使西域</p>
</blockquote>
<blockquote>
<p>公元前127年<br>卫青北击匈奴<br>收复河南地、陇西、北地、上郡的北部，置朔方、五原二郡</p>
</blockquote>
<blockquote>
<p>公元前121年<br>霍去病击匈奴<br>击灭居于河西走廊的匈奴部落，以其地设酒泉郡</p>
</blockquote>
<blockquote>
<p>公元前118年<br>司马相如逝世<br>著有《子虚赋》、《上林赋》、《长门赋》等</p>
</blockquote>
<blockquote>
<p>公元前90年<br>司马迁逝世<br>司马迁的《史记》是我国第一部纪传体通史</p>
</blockquote>
<blockquote>
<p>公元前60年<br>西域都护府<br>汉宣帝正式设立西域都护府</p>
</blockquote>
<blockquote>
<p>公元8年<br>新<br>王莽篡位孺子婴禅让后自立为帝，改国号为新</p>
</blockquote>
<blockquote>
<p>公元8年<br>五均六筦<br>盐、铁、酒专卖、政府筹钱，名山大泽产品收税和五均赊贷</p>
</blockquote>
<blockquote>
<p>公元17年<br>绿林军起义</p>
</blockquote>
<blockquote>
<p>公元18年<br>赤眉军起义</p>
</blockquote>
<blockquote>
<p>公元23年<br>昆阳大战<br>绿林部刘秀与王莽部大战于昆阳，莽军大败</p>
</blockquote>
<blockquote>
<p>公元25年<br>东汉<br>刘秀为汉光武帝，国号仍为汉，史称东汉或后汉</p>
</blockquote>
<blockquote>
<p>公元37年<br>东汉统一战争结束</p>
</blockquote>
<blockquote>
<p>公元40年<br>民间杂用布帛金栗相交易</p>
</blockquote>
<blockquote>
<p>公元67年<br>蔡愔等去佛经回<br>沙门迦叶摩腾、竺法兰同来</p>
</blockquote>
<blockquote>
<p>公元6970年<br>王景主持疏浚治理黄河，此后黄河安流达600年之久</p>
</blockquote>
<blockquote>
<p>公元73年<br>班超出使西域<br>此时西域与汉已绝交65年</p>
</blockquote>
<blockquote>
<p>公元92年<br>史学家班固去世<br>他在父班彪基础上修撰《汉书》，未成而死</p>
</blockquote>
<blockquote>
<p>公元100年<br>许慎《说文解字》<br>首部按部首编排的汉语字典</p>
</blockquote>
<blockquote>
<p>公元100年前后<br>《九章算术》<br>标志着中国古代数字完整体系形成</p>
</blockquote>
<blockquote>
<p>公元105年<br>蔡伦改进造纸术</p>
</blockquote>
<blockquote>
<p>公元132年<br>张衡造侯风地动仪，可测定地震方位</p>
</blockquote>
<blockquote>
<p>公元166年<br>党锢之祸<br>东汉末年士人与宦官的一场大规模政治斗争</p>
</blockquote>
<blockquote>
<p>公元190年<br>群雄割据<br>董卓挟帝迁都长安</p>
</blockquote>
<blockquote>
<p>公元197年<br>袁术称帝<br>后袁术逃亡汝南，继续作皇帝</p>
</blockquote>
<blockquote>
<p>公元198年<br>曹操消灭了吕布的势力</p>
</blockquote>
<blockquote>
<p>公元199年<br>袁绍消灭了公孙瓒的势力</p>
</blockquote>
<blockquote>
<p>公元200年<br>官渡之战<br>曹操击败袁绍，奠定曹操统一北方的基础</p>
</blockquote>
<blockquote>
<p>公元207年<br>曹操统一北方</p>
</blockquote>
<blockquote>
<p>公元208年<br>赤壁之战<br>孙权、刘备联军于赤壁大败曹军<br>三国鼎立格局基本奠定</p>
</blockquote>
<blockquote>
<p>公元211年<br>刘备入蜀</p>
</blockquote>
<p>参考</p>
<ul>
<li><a href="https://music.163.com/#/video?id=CD62E801060D5CD768DD9BA73D8DE810&userid=1536024266&from=timeline&isappinstalled=0" target="_blank" rel="noopener">史诗！10分钟从上古之战到溥仪退位，中国历史年表混剪！</a></li>
</ul>

      
    </div>
    
    
    

    

    

    

    <footer class="post-footer">
      
        <div class="post-tags">
          
            <a href="/blog/tags/历史/" rel="tag"># 历史</a>
          
        </div>
      

      
      
      

      
        <div class="post-nav">
          <div class="post-nav-next post-nav-item">
            
          </div>

          <span class="post-nav-divider"></span>

          <div class="post-nav-prev post-nav-item">
            
              <a href="/blog/2019/11/07/test/" rel="prev" title="test">
                test <i class="fa fa-chevron-right"></i>
              </a>
            
          </div>
        </div>
      

      
      
    </footer>
  </div>
  
  
  
  </article>



    <div class="post-spread">
      
    </div>
  </div>


          </div>
          


          

  



        </div>
        
          
  
  <div class="sidebar-toggle">
    <div class="sidebar-toggle-line-wrap">
      <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
    </div>
  </div>

  <aside id="sidebar" class="sidebar">
    
    <div class="sidebar-inner">

      

      

      <section class="site-overview-wrap sidebar-panel sidebar-panel-active">
        <div class="site-overview">
          <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
            
              <p class="site-author-name" itemprop="name">ruankai</p>
              <p class="site-description motion-element" itemprop="description">个人博客 记录生活 记录技术</p>
          </div>

          <nav class="site-state motion-element">

            
              <div class="site-state-item site-state-posts">
              
                <a href="/blog/archives/">
              
                  <span class="site-state-item-count">2</span>
                  <span class="site-state-item-name">日志</span>
                </a>
              </div>
            

            
              
              
              <div class="site-state-item site-state-categories">
                <a href="/blog/categories/index.html">
                  <span class="site-state-item-count">4</span>
                  <span class="site-state-item-name">分类</span>
                </a>
              </div>
            

            
              
              
              <div class="site-state-item site-state-tags">
                <a href="/blog/tags/index.html">
                  <span class="site-state-item-count">5</span>
                  <span class="site-state-item-name">标签</span>
                </a>
              </div>
            

          </nav>

          

          

          
          

          
          

          

        </div>
      </section>

      

      

    </div>
  </aside>


        
      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="footer-inner">
        <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<div class="copyright">&copy; <span itemprop="copyrightYear">2020</span>
  <span class="with-love">
    <i class="fa fa-user"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">ruankai</span>

  
</div>

<div class="powered-by">
<i class="fa fa-user-md"></i><span id="busuanzi_container_site_uv">
  本站访客数:<span id="busuanzi_value_site_uv"></span>
</span>
</div>


  <div class="powered-by">由 <a class="theme-link" target="_blank" href="https://hexo.io">Hexo</a> 强力驱动</div>



  <span class="post-meta-divider">|</span>



  <div class="theme-info">主题 &mdash; <a class="theme-link" target="_blank" href="https://github.com/iissnan/hexo-theme-next">NexT.Muse</a> v5.1.4</div>




<div class="theme-info">
  <div class="powered-by"></div>
  <span class="post-count">博客全站共2k字</span>
</div>

        







        
      </div>
    </footer>

    
      <div class="back-to-top">
        <i class="fa fa-arrow-up"></i>
        
      </div>
    

    

  </div>

  

<script type="text/javascript">
  if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
    window.Promise = null;
  }
</script>









  


  











  
  
    <script type="text/javascript" src="/blog/lib/jquery/index.js?v=2.1.3"></script>
  

  
  
    <script type="text/javascript" src="/blog/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script>
  

  
  
    <script type="text/javascript" src="/blog/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>
  

  
  
    <script type="text/javascript" src="/blog/lib/velocity/velocity.min.js?v=1.2.1"></script>
  

  
  
    <script type="text/javascript" src="/blog/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
  

  
  
    <script type="text/javascript" src="/blog/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
  

  
  
    <script type="text/javascript" src="/blog/lib/canvas-nest/canvas-nest.min.js"></script>
  


  


  <script type="text/javascript" src="/blog/js/src/utils.js?v=5.1.4"></script>

  <script type="text/javascript" src="/blog/js/src/motion.js?v=5.1.4"></script>



  
  

  
  <script type="text/javascript" src="/blog/js/src/scrollspy.js?v=5.1.4"></script>
<script type="text/javascript" src="/blog/js/src/post-details.js?v=5.1.4"></script>



  


  <script type="text/javascript" src="/blog/js/src/bootstrap.js?v=5.1.4"></script>



  


  




	





  












  





  

  
  <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.4.js"></script>
  <script>AV.initialize("OVfMjrRltgj0gOIDIRKqAFsc-gzGzoHsz", "UozYUfoCJGOnEMdyxhaBB2lH");</script>
  <script>
    function showTime(Counter) {
      var query = new AV.Query(Counter);
      var entries = [];
      var $visitors = $(".leancloud_visitors");

      $visitors.each(function () {
        entries.push( $(this).attr("id").trim() );
      });

      query.containedIn('url', entries);
      query.find()
        .done(function (results) {
          var COUNT_CONTAINER_REF = '.leancloud-visitors-count';

          if (results.length === 0) {
            $visitors.find(COUNT_CONTAINER_REF).text(0);
            return;
          }

          for (var i = 0; i < results.length; i++) {
            var item = results[i];
            var url = item.get('url');
            var time = item.get('time');
            var element = document.getElementById(url);

            $(element).find(COUNT_CONTAINER_REF).text(time);
          }
          for(var i = 0; i < entries.length; i++) {
            var url = entries[i];
            var element = document.getElementById(url);
            var countSpan = $(element).find(COUNT_CONTAINER_REF);
            if( countSpan.text() == '') {
              countSpan.text(0);
            }
          }
        })
        .fail(function (object, error) {
          console.log("Error: " + error.code + " " + error.message);
        });
    }

    function addCount(Counter) {
      var $visitors = $(".leancloud_visitors");
      var url = $visitors.attr('id').trim();
      var title = $visitors.attr('data-flag-title').trim();
      var query = new AV.Query(Counter);

      query.equalTo("url", url);
      query.find({
        success: function(results) {
          if (results.length > 0) {
            var counter = results[0];
            counter.fetchWhenSave(true);
            counter.increment("time");
            counter.save(null, {
              success: function(counter) {
                var $element = $(document.getElementById(url));
                $element.find('.leancloud-visitors-count').text(counter.get('time'));
              },
              error: function(counter, error) {
                console.log('Failed to save Visitor num, with error message: ' + error.message);
              }
            });
          } else {
            var newcounter = new Counter();
            /* Set ACL */
            var acl = new AV.ACL();
            acl.setPublicReadAccess(true);
            acl.setPublicWriteAccess(true);
            newcounter.setACL(acl);
            /* End Set ACL */
            newcounter.set("title", title);
            newcounter.set("url", url);
            newcounter.set("time", 1);
            newcounter.save(null, {
              success: function(newcounter) {
                var $element = $(document.getElementById(url));
                $element.find('.leancloud-visitors-count').text(newcounter.get('time'));
              },
              error: function(newcounter, error) {
                console.log('Failed to create');
              }
            });
          }
        },
        error: function(error) {
          console.log('Error:' + error.code + " " + error.message);
        }
      });
    }

    $(function() {
      var Counter = AV.Object.extend("Counter");
      if ($('.leancloud_visitors').length == 1) {
        addCount(Counter);
      } else if ($('.post-title-link').length > 1) {
        showTime(Counter);
      }
    });
  </script>



  

  

  
  

  

  

  

  
<script src="/blog/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"/blog/live2dw/assets/hibiki.model.json"},"display":{"position":"left","width":200,"height":350},"mobile":{"show":true},"react":{"opacity":0.7},"dialog":{"enable":true},"log":false});</script></body>
</html>
